<!-- 
    1.state传参

    {name:'index',state:{id:1,age：20，isman:true}}

    2.路由，导航守卫
    onBeforeRouter

    3.vuex
        1.新建文件
          store/index.js

        1.导入
             {createStore}
        2.实例 createStore({ 
            })
        3导出
            export default store
        4.注册组件
            app.use(store)
        5.使用数据
            1.导入
                {useStore}
            2.解构仓库state,commit
              {state,commit}=useStore()
            3.toRefs解构响应式
              1.属性
                {count}=toRefs(store.state)
              2.方法
                 store.commit('方法'，"参数")

      4.pinia
        1.下载 pinia
			yarn add pinia
        2.注册使用
       		 app.use(createPinia())
        3.store/main.js
      	  1.导入
		  	{defineStore}      pinia
       	 2.导出
		  export const useMain= defineStore('main',{state(){},
		  	actions:{
				add(payload){
					this.count=payload
			})

        3.使用
			1.导入
       		 {useMain} '../store/main'
			2.实例
       		 mainStore=useMain()
			3.使用属性
       		 mainStore.count
			4.使用方法：
			 mainStore.add(10)
		
		4.项目
		http://110.40.134.6:9690/management/
		1.全局数据
			1.main.js注册
				{createPinia}
				pinia=createPinia()
				app.use(pinia)
			2.导出唯一key值 store/key.ts
				export const userKey="USERKEY"
			3.store/index.ts
				{defineStore} pinia
				{userKey} ./keys
				defineStore(key,{})
			4.使用
				{useUserStore}
				userStore=useUserStore()
				{{userStore.aaa}}
		2.@路径配置
			tsconfig.json
		    "baseUrl": "./",
			"paths": {
				"@/*":["src/*"]
			}

			vite.config.ts
			yarn add @types/node -D
			import path "path"
			resolve:{
				alias:{
				"@":path.resolve(__dirname,"./src")
				}
			}
		3.=统一管理api
		http/index.js
			admin 123455

			1.下载
				npm i axios
				yarn add axios
			2.导入
				import axios from "axios"
			3.创建请求
			const instance = axios.create({
				baseURL:"/api",
				timeout:5000
			})
			4.请求连接器
				instance.interceptors.request.use((config)=>{
					return config
				},(err)=> Promise.reject(err))
				instance.interceptors.response.use((response)=>{
					return config
				}，(err)=> Promise.reject(err))
			export 

		=4.配置代理
		1.vite.config.ts
			server:{
				proxy:{
					"/api":{
						target:"http://xue.cnkdl.cn:9082/mall-admin",
						changeOrigin:true,
						rewrite:(path)=>path.replace(/^\/api/."")
					}
				}
			}
		2.api请求(login/api/index.ts)
			1.导入http
				import http from 
			2.导出api
				export const loginAPI=()=>{
					http.post('/admin/login',{})
				}

		Element-plus
			1.下载
				yarn add element-plus
			2.按需引入
				1.自动导入(vite.config.ts)
					1.下载
						npm install -D unplugin-vue-components unplugin-auto-import
					2.配置tsconfig.json
						plugins:[]

		

    
 -->
